import React from 'react';
import {View, Text, ScrollView, StyleSheet, Image} from 'react-native';
import {Card, List, WingBlank,} from "@ant-design/react-native";
import NavigationUtil from '../navigator/NavigationUtil'


export default class PersonalPage extends React.Component {
    render() {
        return (
            <ScrollView
                style={{
                    flex: 1,
                    backgroundColor: '#eee',
                }}
                automaticallyAdjustContentInsets={false}
                showsHorizontalScrollIndicator={false}
                showsVerticalScrollIndicator={false}>
                <View style={styles.Header}>
                    <Image style={styles.Img}
                           source={{uri: 'http://c.hiphotos.baidu.com/zhidao/pic/item/b3fb43166d224f4a228770fd08f790529922d1c5.jpg'}}/>
                    <View style={styles.Content}><Text style={{marginTop: 10, color: '#000000'}}>蒙娜丽莎女士</Text><Text
                        style={{marginTop: 10, color: '#3f6cfb'}}>XXXX事务所高级合伙人</Text><Text
                        style={{marginTop: 10,color:'#3e3f40'}}>会员有效期：2020/09/24</Text></View>
                </View>
                <List style={styles.PersonalCenter}>
                    <List>
                        <List.Item disabled arrow="horizontal"
                                   onPress={() => NavigationUtil.goPage({}, 'BasicInformationPage')}>
                            基本信息
                        </List.Item>
                    </List>
                    <List>
                        <List.Item disabled arrow="horizontal"
                                   onPress={() => NavigationUtil.goPage({}, 'ScheduleListPage')}>
                            日程列表
                        </List.Item>
                    </List>
                    <List>
                        <List.Item disabled arrow="horizontal" onPress={() => {
                        }}>
                            会员充值
                        </List.Item>
                    </List>
                    <List>
                        <List.Item disabled arrow="horizontal" onPress={() => {
                        }}>
                            标签管理
                        </List.Item>
                    </List>
                    <List>
                        <List.Item disabled arrow="horizontal" onPress={() => {
                        }}>
                            系统设置
                        </List.Item>
                    </List>
                    <List>
                        <List.Item disabled arrow="horizontal" onPress={() => {
                        }}>
                            分享好友
                        </List.Item>
                    </List>
                </List>
            </ScrollView>
        );
    }
}

const styles = StyleSheet.create({
    Img: {
        width: 100,
        height: 100,
        // 内边距的宽度，注意是内边距（相当于android中的border属性）
        borderWidth: 10,
        // 内边距的颜色
        borderColor: 'white',
        // 边框曲率（可用于设置圆角）
        borderRadius: 100,
        overlayColor: 'white',
    },
    Content: {
        marginLeft:20,
    },
    Header: {
        flex: 1,
        backgroundColor: 'white',
        justifyContent: 'flex-start',
        flexDirection: 'row',
    },
    PersonalCenter: {
        marginTop: 10,
        backgroundColor: '#eee',
    },
    Person: {
        paddingBottom: 10
    }
})
